<!doctype html>
<html lang="en" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<head th:replace="public/head :: head(${session.SESSION_BLOGGER.blogName})"></head>
<link href="../../static/dashboard.css"/>
<body class="">
<div class="page">
	<div class="flex-fill">
		<!--响应式顶部菜单-->
		<div th:replace="public/topbar :: flexTopbar(0)"></div>
		<div class="my-3 my-md-5">
			<div class="container">
				<div class="row mb-3">
					<!--侧边菜单-->
					<div th:replace="public/sidebar :: sidebar"></div>
					<div class="col-lg-9">
						<!--顶部菜单-->
						<div th:replace="public/topbar :: topbar(0)"></div>
						<div class="card">
							<div class="card-body d-flex flex-column" th:each="article : ${page.list}">
								<h4>
									<a href="article/item.html" th:href="@{'/item/' + ${article.id}}" th:text="${article.title}">Spring Cloud --- 服务注册</a>
									<span class="badge bg-red text-sm-right" th:if="${article.top}">置顶</span>
								</h4>
								<div class="text-muted" th:text="${article.abstractHtml}">
									Spring全家桶在我们的开发中占据了越来越重要的位置...
								</div>
								<div class="d-flex align-items-center pt-5 mt-auto text-muted">
									<div class="ml-auto text-muted">
										<small class="d-inline-block text-muted" th:text="${#dates.format(article.createTime, 'yyyy-MM-dd')}">3 days ago</small>
									</div>
								</div>
							</div>
							<div class="card-body" th:if="${page.totalPage > 0}">
                                <span>
                                    共<b class="text-red">&nbsp;[[${page.totalNum}]]&nbsp;</b>
                                    篇文章，共<b class="text-red">&nbsp;[[${page.totalPage}]]&nbsp;</b>
                                    页，当前第<b class="text-red">&nbsp;[[${page.page}]]&nbsp;</b>页</span>
								<ul class="pagination center float-right">
									<li class="page-item" th:classappend="${page.totalPage == 0 || page.page == 1} ? 'disabled' : ''">
										<a class="page-link" href="#" tabindex="-1" th:href="'/index?page=' + ${page.page - 1}">
											<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
												<path stroke="none" d="M0 0h24v24H0z"></path>
												<polyline points="15 6 9 12 15 18"></polyline>
											</svg>
										</a>
									</li>
									<li class="page-item" th:classappend="${page.totalPage == 0 || page.page == page.totalPage} ? 'disabled' : ''">
										<a class="page-link" href="#" th:href="'/index?page=' + ${page.page + 1}">
											<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
												 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
												 stroke-linecap="round" stroke-linejoin="round" class="icon">
												<polyline points="9 18 15 12 9 6"></polyline>
											</svg>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div th:replace="public/footer :: footer"></div>
</div>
</body>
</html>
